<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- width - viewport的宽度
        height - viewport的高度
        initial-scale - 初始的缩放比例
        minimum-scale - 允许用户缩放到的最小比例
        maximum-scale - 允许用户缩放到的最大比例
        user-scalable - 用户是否可以手动缩放
     -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <title>Document</title>
    <!-- 重置样式 -->
    <link href="../asserts/css/reset.css" rel="stylesheet">
    <!-- 字体库 -->
    <link href="../asserts/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">

    <!-- 引入首页css -->
    <link href="../asserts/css/index.css" rel="stylesheet">

</head>

<body>
    <div class="container_home">
        <!-- 搜索部分开始 -->
        <div class="search_wrapper">

            <div class="search">
                <div class="loc">
                    <i class="fa fa-location-arrow"></i> <span>哈尔滨学院（2号教学楼）</span><i class="fa fa-podcast"></i>
                </div>
                <div class="search_inp">
                    <!-- <div class="bgplaceholder">搜索饿了么商家、商品名称</div> -->
                    <input type="text" placeholder="搜索饿了么商家、商品名称">
                </div>

                <div class="clear"></div>


            </div>
        </div>
        <!-- 搜索部分结束 -->




        <div class="restaurant">

            <div class="rest">
                <img src="../asserts/images/icon/美食.png">
                <span>美食</span>
            </div>
            <div class="rest">
                <img src="../asserts/images/icon/就餐.png">
                <span>早餐</span>
            </div>
            <div class="rest">
                <img src="../asserts/images/icon/汉堡包.png">
                <span>汉堡包</span>
            </div>
            <div class="rest">
                <img src="../asserts/images/icon/油条.png">
                <span>油条</span>
            </div>
            <div class="rest">
                <img src="../asserts/images/icon/甜品.png">
                <span>甜品</span>
            </div>
            <div class="rest">
                <img src="../asserts/images/icon/美食_贝果.png">
                <span>美食_贝果</span>
            </div>
            <div class="rest">
                <img src="../asserts/images/icon/茶菇鸡.png">
                <span>炸鸡</span>
            </div>
            <div class="rest">
                <img src="../asserts/images/icon/跑腿APP.png">
                <span>跑腿</span>
            </div>
            <div class="rest">
                <img src="../asserts/images/icon/面条.png">
                <span>面条</span>
            </div>
            <div class="rest">
                <img src="../asserts/images/icon/小吃.png">
                <span>小吃</span>
            </div>


        </div>

        <div class="cecommending_dishes">

            <div class="introduce float_left">
                <div class="subject">品质套餐</div>
                <div class="subhead">搭配齐全吃的好</div>
                <div class="buy">
                    <a href="https://m.taobao.com">立即抢购 ></a>
                </div>
            </div>

            <div class="pic float_right">
                <img src="../../asserts/images/推荐菜品.png" alt="">
            </div>


            <!-- 用于清除由于浮动引起的父元素高度塌陷 -->
            <div class="clear"></div>
        </div>
        <div class="useVIP">
            <div class="left float_left">超级会员 <span>•每月享超值权益</span></div>
            <div class="right float_right"><a href="">立即开通 > </a></div>
            <!-- 用于清除由于浮动引起的父元素高度塌陷 -->
            <div class="clear"></div>
        </div>
        <div class="cecommending_restaurant_caption">
            <span>推荐商家</span>
        </div>
        <div class="cecommending_restaurant">
            推荐商家...
        </div>
        <div class="tabs">
            <div class="tab active">
                <div><i class="fa fa-home icon"></i></div>
                <div class="caption">首页</div>
            </div>
            <div class="tab">
                <div><i class="fa fa-indent icon"></i></div>
                <div>订单</div>
            </div>
            <div class="tab">
                <div><i class="fa fa-user-o icon"></i></div>
                <div>我的</div>
            </div>
        </div>






    </div>


</body>

</html>